﻿<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:System="clr-namespace:System;assembly=mscorlib"
             x:Class="OpenLightGroup.Visualizers.Controls.OrbsVisualizer"
             Width="300"
             Height="300">
    <UserControl.Resources>
        <Style x:Key="OrbStyle"
               TargetType="Ellipse">

            <Setter Property="Width"
                    Value="90" />
            <Setter Property="Height"
                    Value="90" />
            <Setter Property="Opacity"
                    Value="1" />
        </Style>
    </UserControl.Resources>
    <Canvas x:Name="LayoutRoot">
        <Ellipse x:Name="Orb1"
                 Style="{StaticResource OrbStyle}" Canvas.Left="-10">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF102FBD"
                                  Offset="0.3" />
                    <GradientStop Color="#00455DCB"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb2"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="100" Canvas.Top="-4" Canvas.ZIndex="26">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFACBD10"
                                  Offset="0.3" />
                    <GradientStop Color="#00ACBD10"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>

        <Ellipse x:Name="Orb3"
                 Canvas.Left="168"
                 Style="{StaticResource OrbStyle}" Canvas.Top="-4">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF8010BD"
                                  Offset="0.3" />
                    <GradientStop Color="#008010BD"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>

        <Ellipse x:Name="Orb4"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="224" Canvas.Top="-4" Canvas.ZIndex="-8">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFBD1012"
                                  Offset="0.3" />
                    <GradientStop Color="#00BD1012"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb5"
                 Canvas.Top="77"
                 Style="{StaticResource OrbStyle}" Canvas.Left="-10" Canvas.ZIndex="19">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF1437D6"
                                  Offset="0.3" />
                    <GradientStop Color="#001437D6"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb6"
                 Canvas.Left="40"
                 Style="{StaticResource OrbStyle}" Canvas.Top="3">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF10BD1B"
                                  Offset="0.3" />
                    <GradientStop Color="#0010BD1B"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb7"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="100"
                 Canvas.Top="67">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFCEE210"
                                  Offset="0.3" />
                    <GradientStop Color="#00CEE214" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb8"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="168"
                 Canvas.Top="67" Canvas.ZIndex="39">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF9614DC"
                                  Offset="0.3" />
                    <GradientStop Color="#009614DC"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb9"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="224"
                 Canvas.Top="71">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFDC1416"
                                  Offset="0.3" />
                    <GradientStop Color="#00DC1416"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb10"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Top="144" Canvas.Left="-10">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
          <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF1138E6"
                                  Offset="0.3" />
                    <GradientStop Color="#0026336E"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb11"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="40"
                 Canvas.Top="80">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
          <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF14F423"
                                  Offset="0.3" />
                    <GradientStop Color="#0014F423" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb12"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="100"
                 Canvas.Top="144" Canvas.ZIndex="17">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFE0F60E"
                                  Offset="0.3" />
                    <GradientStop Color="#00E0F60E"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb13"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="168"
                 Canvas.Top="144" Canvas.ZIndex="33">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFA414F2"
                                  Offset="0.3" />
                    <GradientStop Color="#00A414F2"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb14"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Top="148"
                 Canvas.Left="224">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFF61618"
                                  Offset="0.3" />
                    <GradientStop Color="#00F61618"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb15"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Top="208" Canvas.Left="-10" Canvas.ZIndex="3">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF153FFF"
                                  Offset="0.3" />
                    <GradientStop Color="#002E3E86"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb16"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="40"
                 Canvas.Top="157">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
         <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF0FFF1E"
                                  Offset="0.3" />
                    <GradientStop Color="#000FFF1E"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb17"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="100"
                 Canvas.Top="208">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
          <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFE8FF0D"
                                  Offset="0.3" />
                    <GradientStop Color="#00E8FF0D"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb18"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="168"
                 Canvas.Top="208">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
           <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFAE17FF"
                                  Offset="0.3" />
                    <GradientStop Color="#00AE17FF"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="Orb19"
                 Style="{StaticResource OrbStyle}"
                 Canvas.Left="224"
                 Canvas.Top="224" Canvas.ZIndex="-4">
            <Ellipse.RenderTransform>
                <TransformGroup>
                    <ScaleTransform />
                    <SkewTransform />
                    <RotateTransform />
                    <TranslateTransform />
                </TransformGroup>
            </Ellipse.RenderTransform>
         <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FFFF181B"
                                  Offset="0.3" />
                    <GradientStop Color="#00FF181B"
                                  Offset="1" />
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
    </Canvas>
</UserControl>
